html, body, .main {
  height: 100%;
}

.main {
  display: flex;
  flex-direction: column;
}

.main .topbar {
  height: 50px;
  background-color: rgba(161, 161, 161, 0.112);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.main .box {
  flex: 1;
  padding-top: 50px;
}

#carouselExampleCaptions {
  height: 100%;
}

.navbar-toggler {
  background-color: rgba(0, 0, 0, 0.125);
}

.navbar-brand {
  color: black;
}

.nav-link {
  color: black;
}
